﻿<!DOCTYPE html>

<html>
<head>
  <title>流动人口信息管理</title>
  <!--<meta charset="UTF-8">-->
  <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  <meta name="apple-mobile-web-app-capable" content="yes"/>
  <script src="resources/resources/scripts/jquery-1.7.1.min.js"></script>
  <script src="resources/resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
  <style type="text/css">
    .im-table table{

      /* 居中 */
      text-align: center;
      line-height: 34px;
      /* 间距 */
      margin-right: 5px;
    }
    table{border-collapse:collapse} /*合并间距*/
    table,table th,table td{border:1px solid #ddd} /*表格带线框,6像素的间距*/
    table th,table td{padding:6px} /*单元格6像素的间距*/
    table th{background-color:#eee} /*表头带背景色*/
  </style>
  <script>
      $(function(){
          readList(1);
      })
      function readList(pageNum) {
          if (pageNum==''){
              pageNum=1;
          }
          $.getJSON("/findAll",{"pageNum":pageNum},function (data) {
              console.log(data)
              var tbody='';
              var list=data.list;
              for (var i=0;i<list.length;i++){
                  var smp=data.list[i];
                  $("#tbody").empty();
                  tbody+='<tr></tr>\n' +
                      '      <td><input class="testyangpin" value="'+smp.id+'" type="checkbox"></td>\n' +
                      '      <td class="yddh">'+smp.unitName+'</td>\n' +
                      '      <td>'+smp.name+'</td>\n' +
                      '      <td>'+smp.personalMobilePhone+'</td>\n' +
                      '      <td>'+smp.submitTime+'</td>\n' +
                      '      <td><a href="editIM.html">查看详情</a></td>\n' +
                      '      </tr>';
                  $("#tbody").append(tbody);

              }
              $("#pages").empty();
              var pages='<li class="im-indexpage"><a href="javaScript:readList('+1+')">首页</a></li>\n' +
                  '    <li class="im-nextpage"><a href="javaScript:readList('+data.prePage+')">上一页</a></li>\n' +
                  '    <li class="im-nextpage"><a href="javaScript:readList('+data.nextPage+')">下一页</a></li>\n' +
                  '    <li class="im-indexpage"><a href="javaScript:readList('+data.pages+')">尾页</a></li>';
              $("#pages").append(pages);
          })
      }
  </script>
</head>
<body>
<div class="im-heade">
  <div class="imhead-title">流动人口服务管理系统</div>
  <div class="imhead-select">
    <ul>
      <li class="bh">
        <lable>从</lable>
        <input maxlength="15" onkeyup="" id="datamin" value="">
        <lable>至</lable>
        <input maxlength="15" onkeyup="" id="datamax" value="">
      </li>
      <li class="gongsi">
        <input maxlength="15" onkeyup="" id="danwei" value="">
        <input maxlength="15" onkeyup="" id="name" value="">
        <input maxlength="15" onkeyup="" id="dianhua" value="">
      </li>
    </ul>
    <div class="soso"><a href="javascript:if(confirm('确实要搜索吗?'))location='/glory/rest/iddeleteyangpin?id=754'">搜索</a></div>
  </div>

</div>
<div class="im-table">
  <table width="500" border="1" id="sourceTable">
    <thead>
    <tr>
      <th class="w1"><input type="checkbox" id="checkbox1" value="">
        全选</th>
      <th class="w2">编号</th>
      <th class="w3">公司</th>
      <th class="w4">姓名</th>
      <th class="w5">手机号</th>
      <th class="w6">提交时间</th>
      <th class="w7">详情</th>
    </tr>
    </thead>
    <tbody id="tbody">
    <tr>
      <td><input class="testyangpin" value="754" type="checkbox"></td>
      <td class="ybbh">ghjghjghj</td>
      <td >ghjghjghj</td>
      <td >ghjghjghj</td>
      <td >ghjghjghj</td>
      <td >ghjghjghj</td>
      <td><a href="editIM.html">查看详情</a></td>
    </tr>
    </tbody>
  </table>
</div>
<div class="im-page">
  <ul id="pages">
    <li class="im-indexpage"><a href="">首页</a></li>
    <li class="im-nextpage"><a href="">上一页</a></li>
    <li class="im-nextpage"><a href="">下一页</a></li>
    <li class="im-indexpage"><a href="">尾页</a></li>
  </ul>
</div>
</body>
</html>
